<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" >
	
<h:head>
	<style>
		.ui-widget {
			font-size:13px; 
		}
		input[type=text], [type=password]{
			border-radius:5px;
			border:#ccc 1px solid;
		}
		textarea{
			border-radius:5px;
			border:#ccc 1px solid;
			resize: none;
		}
		
		select {
			height: 21px;
			float: left;
			width: 200px;
			border-radius:5px;
			border:#ccc 1px solid;
		}
		body {
			font-family:Arial;
			font-size:12px;
			color: #564B47;
		}

	</style>
	<title><ui:insert name="title"/>SYSBEAUTY</title>
	<ui:insert name="headIncludes"></ui:insert>
</h:head>
	
	<h:body>
		<h:form prependId="false">
			<div style="width:100%;text-align:center;float:left;">
				<ui:insert name="header"/>
				Header
			</div>
			<div style="width:100%;text-align:center;background-color:#BCA8B3;border-bottom:1px solid #564B47; border-top:1px solid #564B47; float:left;">
				<ui:insert name="toolbar"/>
				<p:menubar style="background: none !important;
					border: none !important;
					width: 100% !important;
					height: 26px !important;
					display: inline-block !important;"> 
				<p:submenu label="Cadastro" icon="ui-icon-document">  
		            <p:submenu label="Básicos" icon="ui-icon-contact">  
		                <p:menuitem value="País" url="/views/pais/listPais.xhtml" />  
		                <p:menuitem value="Estado" url="/views/estado/listEstado.xhtml" /> 
		                <p:menuitem value="Cidade" url="/views/cidade/listCidade.xhtml" /> 
		                <p:menuitem value="Other" url="#" />  
		            </p:submenu>  
	        	</p:submenu>
	        </p:menubar>
			</div>	        
			<div style="background-color: #EBD3E0;float: left;height: 500px; width: 150px;">
				Menu <br/>
				<p:panelMenu style="width:100%;font-size:12px;">  
					<p:submenu label="Cadastros" >  
						<p:menuitem value="País" url="/views/pais/listPais.xhtml" />  
						<p:menuitem value="Estado" url="/views/estado/listEstado.xhtml" />  
						<p:menuitem value="Cidade" url="/views/cidade/listCidade.xhtml" />
						<p:menuitem value="Perfil" url="/views/perfil/listPerfil.xhtml" />
						<p:menuitem value="Grupo" url="/views/grupo/listGrupo.xhtml" />
						<p:menuitem value="Cargo" url="/views/cargo/listCargo.xhtml" />
						<p:menuitem value="Forma de pagamento" url="/views/formaPagamento/listFormaPagamento.xhtml" />
						<p:menuitem value="Condição de pagamento" url="/views/condicaoPagamento/listCondicaoPagamento.xhtml" />
						<p:menuitem value="Usuário" url="/views/usuario/listUsuario.xhtml" />
						<p:menuitem value="Cliente" url="/views/cliente/listCliente.xhtml" />
						<p:menuitem value="Funcionário" url="/views/funcionario/listFuncionario.xhtml" />
						<p:menuitem value="Produto" url="/views/produto/listProduto.xhtml" />
						<p:menuitem value="Serviço" url="/views/servico/listServico.xhtml" />
						<p:menuitem value="Fornecedor" url="/views/fornecedor/listFornecedor.xhtml" />
					</p:submenu>    
				</p:panelMenu> 
			</div>
			<div style="text-align:center;width:auto;">
				<div style="width:50%;float:left;padding:10px;"><ui:insert name="pageName" /></div>
				<div style="float:left;padding:10px;">
					<ui:insert name="buttons"/>
					
				</div>
			</div>
			<div style="height:500px;width:100%">				
				<ui:insert name="content"/>				
			</div>
			<div style="border-top: 1px solid #564B47; width:100%;float:left;">
				<ui:insert name="footer"/>
				Footer
			</div>
		</h:form>

		<ui:insert name="popups"/>
	</h:body>
	
</html>